<link href="{$apicss}zanpian/css/piccontext.css" rel="stylesheet" type="text/css" />
<script src="{$apicss}zanpian/js/piccontent.min.js" type="text/javascript"></script>
  <!--弹出层开始-->
  <div class="bodymodal"></div>
  <!--播放到第一张图的提示-->
  <div class="firsttop">
    <div class="firsttop_left"> 
    AD2
    </div>
    <div class="firsttop_right">
      <div class="close2"> <a class="closebtn1" title="关闭" href="javascript:void(0)"></a></div>
      <div class="replay">
        <h2 id="div-end-h2"> 已到第一张图片了。 </h2>
        <p> <a class="replaybtn1" href="javascript:;">重新播放</a> </p>
      </div>
      <div class="pictwo">
        <ul>
        {notempty name="news_prev_name"}
          <li><a href="{$news_prev}" title="{$news_prev_name}" target="_blank"><img src="{$news_prev_picurl}" alt="{$news_prev_name}" /></a>
            <div class="imgdivtext"> <a href="{$news_prev}" title="{$news_prev_name}" target="_blank">上一图集</a> </div>
          </li>   
          {/notempty} 
           {notempty name="news_next_name"}    
          <li><a href="{$news_next}" title="{$news_next_name}" target="_blank"><img src="{$news_next_picurl}" alt="{$news_next_name}" /></a>
            <div class="imgdivtext"> <a href="{$news_next}" title="{$news_next_name}" target="_blank">下一图集</a> </div>
          </li>
           {/notempty}
        </ul>
      </div>
      <div class="returnbtn"> <a class="btn" href="{$siteurl}">返回{$sitename}首页</a> </div>
    </div>
  </div>
  <!--播放到最后一张图的提示-->
  <div class="endtop">
    <div class="firsttop_left"> 
    AD1
    </div>
    <div class="firsttop_right">
      <div class="close2"> <a class="closebtn2" title="关闭" href="javascript:void(0)"></a> </div>
      <div class="replay">
        <h2 id="H1"> 已到最后一张图片了。 </h2>
        <p> <a class="replaybtn2" href="javascript:;">重新播放</a> </p>
      </div>
  <div class="pictwo">
        <ul>
        {notempty name="news_prev_name"}
          <li><a href="{$news_prev}" title="{$news_prev_name}" target="_blank"><img src="{$news_prev_picurl}" alt="{$news_prev_name}" /></a>
            <div class="imgdivtext"> <a href="{$news_prev}" title="{$news_prev_name}" target="_blank">上一图集</a> </div>
          </li>   
          {/notempty} 
           {notempty name="news_next_name"}  
          <li><a href="{$news_next}" title="{$news_next_name}" target="_blank"><img src="{$news_next_picurl}" alt="{$news_next_name}" /></a>
            <div class="imgdivtext"> <a href="{$news_next}" title="{$news_next_name}" target="_blank">下一图集</a> </div>
          </li>
           {/notempty}
        </ul>
      </div>
    <div class="returnbtn"> <a class="btn" href="{$siteurl}">返回{$sitename}首页</a> </div>
    </div>
  </div>
  <!--弹出层结束--> 
  <!--图片特效内容开始-->
      <div class="source">
      <div class="source_right"><a href="javascript:;" class="list">列表查看</a> </div>
      <div class="source_right1"> <a href="javascript:;" class="gaoqing">幻灯片查看</a> </div>
    </div>
  <div class="piccontext">

    <!--大图展示-->
    <div class="picshow">
      <div class="picshowtop">
          <a href="#"><img   id="pic1" curindex="0" src="{$apicss}zanpian/images/pic.png" /></a>
          <a id="preArrow" href="javascript:void(0)" class="contextDiv" title="上一张"><span id="preArrow_A"></span></a>
          <a id="nextArrow" href="javascript:void(0)" class="contextDiv" title="下一张"><span id="nextArrow_A"></span></a>
      </div>
      <div class="yuantu"><a id="pica" href="" target="_blank">查看原图</a></div>
      <div class="picshowtxt">
        <div class="picshowtxt_left"><span>1</span>/<i>{$news_page_count}</i></div>
        <div class="picshowtxt_right"></div>
      </div>
      <div class="picshowlist"> 
        <!--上一条图库-->
        <div class="picshowlist_mid">
          <div class="picmidleft"> <a href="javascript:void(0)" id="preArrow_B"><img src="{$apicss}zanpian/images/left1.jpg" alt="上一个" /></a> </div>
          <div class="picmidmid">
            <ul>
            {volist name="news_images_slide" id="zpvod"}
              <li> <a href="javascript:void(0);"><img src="{$zpvod.img}" alt="{notempty name="zpvod.alt"}{$zpvod.alt}{else /}{$news_name}第{$i}张图片{/notempty}" bigimg="{$zpvod.img}" text="{notempty name="zpvod.alt"}{$zpvod.alt}{else /}{$news_name}第{$i}张图片{/notempty}" /></a></li>
           {/volist}</ul>
          </div>
          <div class="picmidright"> <a href="javascript:void(0)" id="nextArrow_B"><img src="{$apicss}zanpian/images/right1.jpg" alt="下一个" /></a> </div>
        </div>

      </div>
    </div>
    
    <!--列表展示-->
    <div class="piclistshow">
      <ul>
        {volist name="news_images_slide" id="zpvod"}
        <li>
          <div class="picimg"><img  src="{$zpvod.img}"  alt="{notempty name="zpvod.alt">{$zpvod.alt}{else /}{$news_name}第{$i}张图片{/notempty}" /></div>
          <div class="pictxt">
            <h3>{notempty name="zpvod.alt"}{$zpvod.alt}{else /}{$news_name}第{$i}张图片{/notempty}<span>({$i}/{$news_page_count})</span></h3>
          </div>
        </li>
        {/volist}</ul>
    </div>
  </div>